<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <style>
        * {
            margin: 0px;
            padding: 0px;
        }

        .content {
            width: 100%;
            height: 800px;
        }

        .Header {
            width: 100%;
            height: 100px;
            background: #66cc66;
        }

        .left {
            float: left;
            width: 10%;
            height: 300px;
            background: #c9cddc;
        }

        .right {
            float: left;
            width: 10%;
            height: 300px;
            background: #c9cddc;
        }

        .con {
            float: left;
            width: 80%;
            height: 300px;
        }

        .con1 {
            width: 100%;
            height: 150px;
            background: #ffcccc;
        }

        .con2 {
            width: 100%;
            height: 150px;
            background-color: #ffcccc;
        }

        .footer {
            width: 200px;
            height: 100px;
            background-color: black;
        }
    </style>
</head>
<body>
<div class="content">
    <div class="Header">这里是头部</div>
    <div class="left">左边</div>
    <div class="con">
        <div class="con1"></div>
        <div class="con2"></div>
    </div>
    <div class="right">右边</div>
    <div class="footer">底部</div>
</div>

<span onclick="addData()">点击</span>

<script>
    function addData() {
//        var  num =1;
//        num++
        var array = [2,33,67,23]
////        this.mMallOrderList = [...this.mMallOrderList, ...data];
//        array.push(num)
//        console.log('====' + JSON.stringify(array))
////        console.log('====xxxx' + JSON.stringify(num))
//
//        array.forEach(function(item,index){
//            console.log("遍历\t"+array[index]+"-----"+item);
//
//            console.log("遍历\t"+array[index]+"-----"+item);
//        });

        var  str="2,2,3,5,6,6"; //这是一字符串
        var strs= new Array(); //定义一数组

        strs=str.split(","); //字符分割
        for (i = 0; i<strs.length ;i++ )
        {
            console.log('====' + strs[i]); //分割后的字符输出
        }

        //        for (let i = 0; i < this.haveSelected.length; i++){
//          console.log('====' + this.haveSelected[i]); // 分割后的字
//          this.alreadyClickIndexArray = this.haveSelected[i]
//        }
    }


</script>

</body>
</html>